<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script type="text/javascript">
		var ctx = "http://www.lagou.com";
		console.log(1);
	</script>
	<link href="http://www.lagou.com/images/favicon.ico" rel="Shortcut Icon">
	<link href="style/css/style.css" type="text/css" rel="stylesheet">
	<link href="style/css/external.min.css" type="text/css" rel="stylesheet">
	<link href="style/css/popup.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" href="fenye/myPagination.css">
	<script src="fenye/myPagination.js"></script>
	<script type="text/javascript" src="style/js/jquery.1.10.1.min.js"></script>
	<script src="style/js/jquery.lib.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="style/js/ajaxfileupload.js"></script>
	<script src="style/js/additional-methods.js" type="text/javascript"></script>
	<script type="text/javascript">
		var youdao_conv_id = 271546; 
	</script> 
	<script src="style/js/conv.js" type="text/javascript"></script>
	<script src="style/js/ajaxCross.json" charset="UTF-8"></script>
  </head>
   <body>
	<div id="body">
		<!-- 开始 top -->
	        <jsp:include page="gerentop.jsp"></jsp:include>
          <!-- 结束 top -->
		<div id="container">

			<div class="clearfix">
				<div class="content_l recommend_list">
					<h2>拉勾网根据你的个人简历为你推荐以下职位：</h2>

					<ul class="hot_pos reset">
					<c:forEach items="${positionList }" var="position" varStatus="status">
						<li class="odd clearfix">
							<div class="hot_pos_l">
								<div class="mb10">
									<a target="_blank" href="http://www.lagou.com/jobs/148004.html">${position.pname }</a>
									&nbsp;
									<span class="c9">[${position.pcity }]</span>
								</div>
								<span><em class="c7">月薪：</em> ${position.monthlyMin}k-${position.monthlyMax}k</span>
								<span><em class="c7">经验：</em> ${position.pyears }</span><br/>
								<span><em class="c7">最低学历：</em>${position.qualifications }</span>
								<br>
								<span><em class="c7">职位诱惑：</em>${position.treatment }</span>
								<br>
								<span>${position.releaseTime }</span>
								<!-- <a  class="wb">分享到微博</a> -->
							</div>
							<c:forEach items="${companyList }" var="company" varStatus="status">
			            <c:if test="${position.cid == company.cid}">
							<div class="hot_pos_r">
								<div class="mb10 recompany"><a target="_blank"
										href="http://www.lagou.com/c/25725.html">${company.cshortName}</a></div>
								<span><em class="c7">领域：</em>${company.fid}</span>
								<br>
								<span><em class="c7">阶段：</em>${company.cdevelopment}</span>
								<span><em class="c7">规模：</em> ${company.cscale}</span>
								<ul class="companyTags reset">
									<li>${company.ctag}</li>
								</ul>
							</div>
							</c:if>
			           </c:forEach>
							<div class="recommend">
								92%
								<span>该职位与你的简历匹配度是92% </span>
							</div>
						</li>
						</c:forEach>
						</br></br>
					</ul>

					<div id="pagination" class="pagination"></div>
				<script type="text/javascript">
				window.onload=function(){
					new myPagination({
						id:'pagination',
						curPage:${index},
						pageTotal:${pagecount},
						pageAmount: 10 ,
						dataTotal:${count},
						pageSize:5,
						showPageTotalFlag:true,
						showSkipInputFlag:true,
						getPage:function(page){
							console.log(page);
							location='ToMListServlet?page='+page;
						}
					})
					
				}
				
				</script>
				</div>
				<div class="content_r">
					<!-- <div class="subscribe_side">
	            	<a target="_blank" href="subscribe.html">
	                    <div class="subpos"><span>订阅</span> 职位</div>
	                    <div class="c7">拉勾网会根据你的筛选条件，定期将符合你要求的职位信息发给你
	                    </div>
	                    <div class="count">已有
	                    		                    		<em>3</em>
	                    		                    		<em>4</em>
	                    		                    		<em>2</em>
	                    		                    		<em>1</em>
	                    		                    		<em>0</em>
	                    		                    	人订阅
	                    </div>
	                    <i>我也要订阅职位</i>
	            	</a>
	            </div>  -->
					<div class="greybg qrcode mt20">
						<img width="242" height="242" alt="拉勾微信公众号二维码" src="style/images/qrcode.jpg">
						<span class="c7">扫描拉勾二维码，微信轻松搜工作</span>
					</div>
				</div>
			</div>
			<input type="hidden" id="userid" name="userid" value="314873">
			<script>
				$(function () {

					/***************************
					   * 分页
					   */
					$('.Pagination').pager({
						currPage: 1,
						pageNOName: "pn",
						form: "searchForm",
						pageCount: 7,
						pageSize: 5
					});
				});
			</script>
			<div class="clear"></div>
			<input type="hidden" value="" id="resubmitToken">
			<a rel="nofollow" title="回到顶部" id="backtop" style="display: none;"></a>
		</div><!-- end #container -->
	</div><!-- end #body -->
	<div id="footer">
		<div class="wrapper">
			<a rel="nofollow" target="_blank" href="about.html">联系我们</a>
			<a target="_blank" href="http://www.lagou.com/af/zhaopin.html">互联网公司导航</a>
			<a rel="nofollow" target="_blank" href="http://e.weibo.com/lagou720">拉勾微博</a>
			<a rel="nofollow" href="javascript:void(0)" class="footer_qr">拉勾微信<i></i></a>
			<div class="copyright">&copy;2013-2014 Lagou <a
					href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action"
					target="_blank">京ICP备14023790号-2</a></div>
		</div>
	</div>

	<script src="style/js/core.min.js" type="text/javascript"></script>
	<script src="style/js/popup.min.js" type="text/javascript"></script>

	<!--  -->

	<script type="text/javascript">
		$(function () {
			$('#noticeDot-1').hide();
			$('#noticeTip a.closeNT').click(function () {
				$(this).parent().hide();
			});
		});
		var index = Math.floor(Math.random() * 2);
		var ipArray = new Array('42.62.79.226', '42.62.79.227');
		var url = "ws://" + ipArray[index] + ":18080/wsServlet?code=314873";
		var CallCenter = {
			init: function (url) {
				var _websocket = new WebSocket(url);
				_websocket.onopen = function (evt) {
					console.log("Connected to WebSocket server.");
				};
				_websocket.onclose = function (evt) {
					console.log("Disconnected");
				};
				_websocket.onmessage = function (evt) {
					//alert(evt.data);
					var notice = jQuery.parseJSON(evt.data);
					if (notice.status[0] == 0) {
						$('#noticeDot-0').hide();
						$('#noticeTip').hide();
						$('#noticeNo').text('').show().parent('a').attr('href', ctx + '/mycenter/delivery.html');
						$('#noticeNoPage').text('').show().parent('a').attr('href', ctx + '/mycenter/delivery.html');
					} else {
						$('#noticeDot-0').show();
						$('#noticeTip strong').text(notice.status[0]);
						$('#noticeTip').show();
						$('#noticeNo').text('(' + notice.status[0] + ')').show().parent('a').attr('href', ctx + '/mycenter/delivery.html');
						$('#noticeNoPage').text(' (' + notice.status[0] + ')').show().parent('a').attr('href', ctx + '/mycenter/delivery.html');
					}
					$('#noticeDot-1').hide();
				};
				_websocket.onerror = function (evt) {
					console.log('Error occured: ' + evt);
				};
			}
		};
		CallCenter.init(url);
	</script>

	<div id="cboxOverlay" style="display: none;"></div>
	<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
		<div id="cboxWrapper">
			<div>
				<div id="cboxTopLeft" style="float: left;"></div>
				<div id="cboxTopCenter" style="float: left;"></div>
				<div id="cboxTopRight" style="float: left;"></div>
			</div>
			<div style="clear: left;">
				<div id="cboxMiddleLeft" style="float: left;"></div>
				<div id="cboxContent" style="float: left;">
					<div id="cboxTitle" style="float: left;"></div>
					<div id="cboxCurrent" style="float: left;"></div><button type="button"
						id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button
						id="cboxSlideshow"></button>
					<div id="cboxLoadingOverlay" style="float: left;"></div>
					<div id="cboxLoadingGraphic" style="float: left;"></div>
				</div>
				<div id="cboxMiddleRight" style="float: left;"></div>
			</div>
			<div style="clear: left;">
				<div id="cboxBottomLeft" style="float: left;"></div>
				<div id="cboxBottomCenter" style="float: left;"></div>
				<div id="cboxBottomRight" style="float: left;"></div>
			</div>
		</div>
		<div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
	</div>
</body>
</html>
